<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<button type="button" onclick="callArkTS()">Click Me!</button>
<h1 id="text">这是一个加载本地html的测试</h1>
<script>
    // 有参函数。
    var param = "param: JavaScript Green";
    var paramYellow = "param: JavaScript Yellow";
    var paramRed = "param: JavaScript Red";
    function htmlTestParam(param) {
        document.getElementById('text').style.color = 'green';
        console.log(param);
    }
    // 无参函数。
    function htmlTest() {
        document.getElementById('text').style.color = 'yellow';
        console.log(paramYellow);
    }
    // 点击“Click Me！”按钮，触发前端页面callArkTS()函数执行JavaScript传递的代码。
    function callArkTS() {
        changeColor();
    }
</script>
</body>
</html>